
.row-no-right {
    --bs-gutter-x: 0;
}

.soc-bar {
    height: 500px;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 10;
}

.soc-bar-item {
    height: 50px;
    background-color: rgb(238, 22, 19);
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
}

.circle {
    width: 50px;
    border-radius: 50%;
    display: inline-block;
}

.info {
    display: none;
    padding: 1rem;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
    font-size: 1.5REM;
    min-height: 2.2REM;
}

.my-row:hover .info {
    display: block;
}

i.fa-brands.fa-whatsapp.fa-2xl-mycopyy::before {
    position: relative;
    /* top: 12px;
    left: 12px; */
    top:6.5px;
    left: 10px;
}

i.fa-brands.fa-weixin.fa-2xl-mycopyy2::before {
    position: relative;
    top: 8px;
    left: 6px;
}

i.fa-solid.fa-phone.fa-xl-mycopyy::before {
    position: relative;
    top: 9px;
    left: 11px;
    /* top: 12px;
    left: 12px; */
}

i.fa-solid.fa-message.fa-xl::before {
    position: relative;
    top: 14px;
    left: 12px;
    /* top:7.5px;
    left: 9px;   */
}
.fa-2xl-mycopyy {
    font-size: 36px;
    line-height: 29px;
    vertical-align: -15px;
}
.fa-2xl-mycopyy2 {
    font-size: 36px;
    line-height: 30px;
    vertical-align: -10px;
}

.fa-xl-mycopyy{
  
        font-size: 30px;
        line-height: 23px;
        vertical-align: -5px;
}